<!DOCTYPE html>
<html lang="en"><head>
    
    <title>星星勋章</title>
    <meta charset="utf-8">
    <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <!-- 左侧窗口 -->
    <aside id='aside_id' name='index' class="probootstrap-aside js-probootstrap-aside"></aside>

//主页内容
    <main role="main" class="probootstrap-main js-probootstrap-main">
      <div class="probootstrap-bar">
        <a href="#" class="probootstrap-toggle js-probootstrap-toggle"><span class="oi oi-menu"></span></a>
        <div class="probootstrap-main-site-logo"><a href="index.html">Aside</a></a></div>
      </div>
      <div class="card-columns">
        <div class="card">
          <a href="#">
          <img class="card-img-top probootstrap-animate" src="images/img_1.jpg" alt="Card image cap" data-animate-effect="fadeIn">
          </a>
        </div>
        <div class="card">
          <a href="#">
            <img class="card-img-top probootstrap-animate" src="images/img_2.jpg" alt="Card image cap" data-animate-effect="fadeIn">
          </a>
        </div>
        <div class="card">
          <a href="#">
            <img class="card-img-top probootstrap-animate" src="images/img_3.jpg" alt="Card image cap" data-animate-effect="fadeIn">
          </a>
        </div>
        <div class="card">
          <a href="#">
            <img class="card-img-top probootstrap-animate" src="images/img_4.jpg" alt="Card image cap" data-animate-effect="fadeIn">
          </a>
        </div>
      </div>  
    </main>

    

    <script src="js/jquery-3.2.1.slim.min.js"></script>
    <script src="js/aside_html.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <script src="js/main.js"></script>

    
  </body>
</html>